
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>HOST Simulator Page</title>
    <script src="https://jergisng.muni.jerusalem.muni.il/jeruCDN/jquery/2.0.3/jquery.min.js"></script>
    <script src="https://jergisng.muni.jerusalem.muni.il/jeruCDN/jquery/ui/1.12.1/jquery-ui.js"></script>
    <script id="comm" src="https://jergisng.muni.jerusalem.muni.il/jeruCDN/jeruComm.js"></script>
    <script id="hostSpecific">
        function jeruComm_GenericCallback(jsonMsg) {
            console.log('jeruComm_GenericCallback received: ' + jsonMsg);

            if (jsonMsg.jeruAPIResultType) {
                switch (jsonMsg.jeruAPIResultType) {
                    case 'PinPoint':
                        showPinPointResult(jsonMsg.result);
                        break;
                    default:
                        alert('unknown result type: ' + jsonMsg.jeruAPIResultType);
                }
            } else {
                alert('invalid result JSON: ' + JSON.stringify(jsonMsg));
            }
        }
        function showPinPointResult(jsonMsg) {
            $("#result").val(JSON.stringify(jsonMsg));
        }
    </script>

</head>
<body onload="jeruComm.commInit('jeruComm.js@Host', document.getElementById('gis'), jeruComm_GenericCallback)">
    <div style="background-color: #808080;">
        <h1>I Am Host !</h1>
        <br />
        <input style="width:500px" id="msg" type="text" />
        <input type="button" value="send Message to receiver" onclick="jeruComm.sendMessage(document.getElementById('msg').value)" />
        <br />
        <textarea id="result"></textarea>
        <br />
        <iframe id="gis" src="https://jergisng.muni.jerusalem.muni.il/baseWAB/?config=../GISViewerNGSupport/api/InjectingConfig&locale=he#" width="1500px;" height="800px;"></iframe>        
    </div>
</body>
</html>

